// Setup body.

// To get the bundler adding this image
.body-bkg {
  background: url("../assets/img/bg.jpg");
}

body {
  margin: 0;

  // Default font style.
  font-family: "Open Sans", sans-serif;

  // Default background style.
  color: $colorWhite;
  background-color: $colorPrimaryDarker;
  // This will loaded once the react app is ready
  // background: url("../assets/img/bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

  // Disable highlight on touch.
  -webkit-tap-highlight-color: transparent;

  // Default scrollbars style. Chrome.
  ::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
  }

  ::-webkit-scrollbar-thumb {
    background: $colorPrimary;
  }

  ::-webkit-scrollbar-track {
    background: $colorGrey;
    border: 0.2rem solid transparent;
    background-clip: content-box;
  }

  // Default scrollbars style. Internet Explorer
  body {
    scrollbar-face-color: $colorPrimary;
    scrollbar-track-color: $colorGrey;
  }
}
